<a-drawer
        :title="title"
        :width="720"
        :visible="visible"
        :body-style="{ paddingBottom: '80px' }"
        @close="hideRoleOperate">

   <a-form>
        <a-form-item label="权限组名称">
            <a-input v-model="SetRoleRequest.title"
                     placeholder="请输入权限组名称"/>
        </a-form-item>

       <a-form-item label="选择权限">
           <a-tree-select
                   v-model="SetRoleRequest.power"
                   style="width: 100%"
                   :tree-data="MenusData"
                   tree-checkable
                   show-checked-strategy="SHOW_ALL"
                   @change="menusChange"
                   placeholder="请选择权限"
                   search-placeholder="Please select"/>
       </a-form-item>

       <a-form-item label="备注[可选]">
           <a-textarea placeholder="请输入备注信息"
                       v-model="SetRoleRequest.remark"
                       auto-size />
       </a-form-item>

    </a-form >

    <div :style="{
          position: 'absolute',
          right: 0,
          bottom: 0,
          width: '100%',
          borderTop: '1px solid #e9e9e9',
          padding: '10px 16px',
          background: '#fff',
          textAlign: 'right',
          zIndex: 1,
        }">
        <a-button :style="{ marginRight: '8px' }" @click="hideRoleOperate">
            取消
        </a-button>
        <a-button type="primary" @click="RoleConfirm">
            提交
        </a-button>
    </div>
</a-drawer>
